<!--
 * @Descripttion:
 * @version:
 * @Author: QYFeng
 * @Date: 2021-04-19 22:28:37
 * @LastEditors: QYFeng
 * @LastEditTime: 2021-04-30 21:31:33
-->
<template>
  <div class="main">
    <div class="banner">
      <img src="../assets/images/gsjj-banner.png" alt="" />
    </div>
    <div class="title">
      <h1>{{companyProfileData.title}}</h1>
      <p>COMPANY PROFILE</p>
    </div>
    <div class="cont" v-html="companyProfileData.content"></div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      companyProfileData: []
    }
  },
  created () {
    // 公司简介
    this.$http.getCompanyProfile().then((res) => {
      this.companyProfileData = res.data.data
    })
  }
}
</script>

<style lang="scss" scoped>
.banner {
  max-width: 1920px;
  height: 700px;
  img {
    height: 100%;
    width: 100%;
  }
}
.title {
  padding-top: 80px;
  text-align: center;
  h1 {
    font-size: 48px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #536786;
  }
  p {
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #536786;
  }
}
.cont {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  line-height: 28px;
  color: #536786;
}
</style>
